<gm:page title="Sample - Advanced Template" authenticate="true">

  <!--
    The Advanced Template application demonstrates using a template with
    several controls to create a interactive user experience.
    @author: GME Team
  -->

  <div class="gm-app-header">
    <h1>Advanced Template</h1>
  </div>


  <gm:list id="myList" template="myListTemplate"
      data="http://feeds.feedburner.com/schroederschoembs?format=xml" pagesize="10"/>

  <gm:template id="myListTemplate">
    <table style="width:600px">
      <tr>
        <td style="padding-bottom:15px">
          <gm:create label="New"/>
        </td>
      </tr>
      <tr repeat="true">
        <td style="padding-right:20px">
          <gm:image ref="atom:link[@rel='photo']/@href" width="150"/>
          <p align="center">
            <b><gm:text ref="atom:title"/></b>
            <br/>
            <gm:rating ref="gd:rating"/>
          </p>
        </td>
        <td style="padding-bottom:20px">
          <gm:textarea ref="atom:content"/>
          <p>
            <b>From:</b> <gm:date ref="gd:when/@startTime"/> 
            <b>to:</b> <gm:date ref="gd:when/@endTime"/>
          </p>
          <p>
            <b>Attended:</b> 
            <gm:checkbox ref="gmd:attended" readonly="true"/>
          </p>
          <p>
            <b>Season:</b> 
            <gm:select ref="gmd:season">
              <gm:option selected="true">Summer</gm:option>
              <gm:option>Winter</gm:option>
            </gm:select>
          </p>
          <p>
            <gm:editButtons text="true"/>
          </p>
        </td>
      </tr>
    </table>
  </gm:template>

</gm:page>
